$theme-color:#f5f5f5;
$sidebar-is-select:#07c160;
$sidebar-no-select:#959595;
$shadow-border:#dedede;
$index:999;
.test {
  background-color: pink;
}

// 版心 1200px
.g-input {
  padding: 10px 0;
  border-radius: 2px;
  outline: none;
  background-color: #eee;
  border: none;
  text-indent: 2em;
}

.g_search__icon {
  position: absolute;
  left: 12px;
}

.g_button {
  // width: 30px;
  // height: 30px;
  padding: 6px 10px;
  outline: none;
  background-color: #eee;
}

// 一级标题
.u-first_titile{
  font-size: 20px;
}
// 二级标题
.u-secondary_titile{
  font-size: 20px;
}
// 三级标题
.u-three_titile{
  font-size: 20px;
}
// 副标题
.u-sub_titile{
  font-size: 20px;
}



.g_comment {
  height: 200px;
  box-shadow: 0px -1px 1px 0px $shadow-border;

}

.g__at{
  background-color: blue;
  color: white;
  margin: 0 4px;
  padding: 6px 10px;
  user-select: none;
  border-radius: 10px;
  
}


// --------  群聊扩展 -------------

.g-extension__info{
  position: absolute;
  height: 100%;
  width: 250px;
  top: 0;
  transition: right .4s linear;
  // background-color: red;
  z-index: -1;
}

.hidden{
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 998;
}